
@charset "UTF-8";/* 初始化*/
@import "step";
.exhibitionlist{
    padding: 0 0.3rem;
    .title{
        line-height: 0.5rem;
        height: 0.5rem;
        padding: 0;
    }
    ul{
        li{
            .lazy{
                width: 1.1rem;
                height:  1.1rem;
                display: block;
                border-radius: 0.05rem;
                overflow: hidden;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 0.15rem;
                .bt{
                    line-height: 0.4rem;
                    padding-bottom: 0.05rem;
                   .name{
                      font-size: 0.28rem;
                      line-height: 0.4rem;
                      display: inline;
                   }
                   .lab{
                    height: 0.37rem;
                    line-height: 0.37rem;
                    display:inline-block;
                    vertical-align: middle;
                    border: solid 1px #f76724;
                    border-radius: 5px;
                    font-size: 0.22rem;
                    color: #676767;
                    padding: 0 0.1rem;
                    min-width: 1.2rem;
                    text-align: center;
                   }
                }
                p{
                    line-height: 0.5rem;
                    color: #444;
                    span{
                        font-size: 12px;
                        height: 0.35rem;
                        line-height:0.35rem;
                        padding: 0 0.1rem;
                        color: #fff;
                        background-color: $theme;
                        border-radius: 0.03rem;
                        display: inline-block;
                        vertical-align: middle;
                        max-width: 80%;
                        overflow: hidden;
                        transform: scale(0.85);
                        margin-top: -0.02rem;
                    }
                    .now{
                        background-color: #eb2d08;
                    }
                    .end{
                        background-color: #444444;
                    }
                    .nostar{
                        background-color: #70b603;
                    }
                }
            }
        }
    }
    .list{
        ul{
            li{
                display: flex;
                color: #444444;
                border-bottom: 1px solid rgba(0,0,0,0.05);
                padding: 0.3rem 0;
              
                .infor{
                    .text{
                        @include multi-line-ellipsis(7,0.45rem);
                        overflow: hidden;
                        word-break: break-all;
                    }
                    .btnbox{
                        overflow: hidden;
                        padding-top: 0.05rem;
                        .btn{
                            height: 0.45rem;
                            display: block;
                            line-height: 0.44rem;
                            padding: 0 0.15rem;
                            float: left;
                            border-radius: 0.05rem;
                            color: #777;
                            text-align: center;
                            border:1px solid #dcdcdc;
                            margin: 0.1rem 0.25rem 0 0;
                            &:active{
                                border-color: $theme;
                                color: $theme;
                            }
                            
                        }
                    }
                }
            }
        }
    }
    .list2{
       ul{
        li{
            position: relative;
            margin: 0 0 0.2rem 0;
            .imgbj{
                border-radius: 0.05rem;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                img{
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                }
            }
            .item{
                border-radius: 0.05rem;
                position: relative;
                width: 100%;
                overflow: hidden;
                background: rgba(0,0,0,0.8);
                display: flex;
                color: #fff;
                box-sizing: border-box;
                padding: 0.2rem;
                a{
                    color: #fff;
                }
                .lazy{
                    margin-right: 0.15rem;
                }
                .dz{
                    background: url("../images/dz-ico.png") no-repeat center;
                    display: inline-block;
                    vertical-align: middle;
                    width: 11px;
                    height: 18px;
                    margin: -2px 5px 0 ;
                    transform: scale(0.8);
                }
                .infor{
                    padding-left: 0;
                }
                p{
                    color: #fff;
                    line-height: 0.45rem;
                }
                .bt{
                    .lab{
                        color: #fff;
                        background: #f76724;
                    }
                }
                .name2{
                    line-height: 0.45rem;
                }
                .text{
                    line-height: 0.45rem;
                    overflow: hidden;
                    word-break: break-all;
                    padding-top: 0.1rem;
                }

            }
        }
       }
    }
    .list3{
        ul{
            li{
                padding: 0.2rem 0;
                display: flex;
                overflow: hidden;
                
                .lazy{
                    width: 2.8rem;
                    height: 1.8rem;
                    display: block;
                    overflow: hidden;
                    border-radius: 0.05rem;
                    
                }
                .infor{
                    padding-left: 0.15rem;
                    p{
                        span{
                            transform: scale(0.9);
                            margin-top: -0.05rem;
                        }
                    }
                    .tip{
                        color: rgba(0,0,0,0.9);
                        @include multi-line-ellipsis(2,0.4rem)
                    }
                    .btnbox{
                        height: 0.45rem;
                        line-height:  0.45rem;
                        overflow: hidden;
                        padding-top: 0.1rem;
                        .btn{
                            position: relative;
                            transform: scale(0.8);
                            display: block;
                            float: left;
                        }
                        .hot{
                          position: absolute;
                          top: -5px;
                          right: -10px;
                          width: 10px;
                          height: 12px;
                          background: url("../images/hot.png") no-repeat center;
                        }
                    }
                }
            }
        }
    }
    .list4{
       ul{
        li{
            display: flex;
            padding: 0.2rem 0;
            .lazy{
                width: 2.09rem;
                height: 1.26rem;
                display: block;
                overflow: hidden;
                border-radius: 0.1rem;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                margin-left: 0.18rem;
                color: #444444;
                position: relative;
                min-height: 1rem;
                padding: 0;
                padding-bottom: 0.26rem;
                .name{
                    color: #444444;
                    display: block;
                    overflow: hidden;
                    // @include multi-line-ellipsis(2,0.36rem);
                    line-height: 0.36rem;
                    &:hover{
                        color: $theme;
                    }
                }
                .tex{
                    @include multi-line-ellipsis(2,0.36rem);
                }
                .p{
                    height: 0.26rem;
                    line-height: 0.26rem;
                    font-size: 0.2rem;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    .fr{
                        color: #666666;
                        opacity: 0.8;
                        float: right;
                    }
                    

                }
            }
        }
       }
       .clear{
        padding: 5px 0;
        li{
            float: left;
            width: 48%;
            margin-right: 2%;
            padding: 15px 0;
            &:nth-child(2n){
                margin-right:0;
                margin-left: 2%;
            }

        }
       }

    }
    .page{
       padding: 0.3rem 0;
    }
    .list5{
        padding: 0.15rem 0;
       .swiper-slide{
        margin-right: 0.2rem;
        .box{
            display: block;
            width: 2.87rem;
            overflow: hidden;
            .img_{
                width: 100%;
                height: 1.71rem;
                border-radius: 0.1rem;
                overflow: hidden;
                display: block;
                img{
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        p{
            line-height: 0.4rem;
            overflow: hidden;
            width: 100%;
            padding-top: 0.05rem;
            @include multi-line-ellipsis(2,0.4rem);
        }

       }
    }
    .list6{
       ul{
        li{
            width: 100%;
            background: #f9f9f9;
            margin: 0.15rem 0;
            border-radius: 0.05rem;
            overflow: hidden;
            padding-bottom: 0.2rem;
            .item{
                height: 1.37rem;
                overflow: hidden;
                width: 100%;
                position: relative;
                .imgbj{
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                    }
                }
                .motai{
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(0,0,0,0.6);
                    display: flex;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                    padding: 0.2rem 0.2rem 0px 0.2rem;
                    .lazy{
                        width: 0.86rem;
                        height: 0.86rem;
                        border-radius: 0.1rem;
                        display: block;
                        overflow: hidden;
                    }
                    .infor{
                        flex: 1;
                        padding-left: 0.15rem;
                        overflow: hidden;
                        font-size: 0.16rem;
                        .name{
                            display: block;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            color: #fff;
                            overflow: hidden;
                        }
                        p{
                            line-height: 0.35rem;
                            height: 0.35rem;
                            overflow: hidden;
                            color: #fff;
                        }

                    }
                }

            }
            .lis{
                margin: 0.05rem 0 0.2rem;
                &::-webkit-scrollbar { width: 4px !important; height: 4px; background: rgba(255,255,255,0.2) !important; border-radius: 10px; }
                &::-webkit-scrollbar-button { width: 0; height: 0; }
                &::-webkit-scrollbar-corner { display: block; }
                &::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #444 !important; border-radius: 10px; }
                p{
                    padding: 0 0.1rem;
                    line-height: 0.4rem;
                    color: #444444;
                    &::before{
                        display: inline-block;
                        vertical-align: middle;
                        width: 3px;
                        height: 3px;
                        background-color: #222222;
                        opacity: 0.5;
                        content: '';
                        margin: -2px 0.1rem 0 0;
                        border-radius: 50%;
                    }
                    a{
                        color: #444444;
                        &:hover{
                            color: $theme;
                        }
                    }
                }
            }
            .mor{
                text-align: center;
                display:block;
                margin: 0 auto;
                height: 0.3rem;
                line-height: 0.3rem;
                color: #444444;
                opacity: 0.8;
                &:hover{
                    color: $theme;
                }

            }
        }
       } 
    }
    .list7{
        .title{
            padding-bottom: 15px;
        }
        .switchlab{
            cursor: pointer;
            .a{
                height: 0.45rem;
                line-height: 0.45rem;
                display: inline-block;
                vertical-align: middle;
                border:1px solid rgba(0,0,0,0.1);
                padding: 0 0.15rem;
                margin: 0.1rem 0.1rem 0.1rem 0;
                border-radius: 0.05rem;
                &:hover,&.on{
                    background: $theme;
                    color: #fff;
                    border-color: $theme;
                }
               
            }
        }
        ul.item_{
            overflow: hidden;
            li{
                float: left;
                width: 1.95rem;
                padding: 0.15rem 0 0;
                &:nth-child(3n-1){
                    margin: 0 0.5rem;
                }
                .box{
                    display: block;
                    width: 100%;
                    color: #444444;
                    &:hover{
                        .img{border-color: $theme;}
                        color: $theme;
                    }
                    .lazy{
                        height: 2.5rem;
                        border:0.02rem solid transparent;
                        position: relative;
                        display: block;
                        width: 1.93rem;
                    }
                    .text{
                        word-break: break-all;
                        padding-top: 0.05rem;
                        height: 1.1rem;
                        overflow: hidden;
                        p{
                            margin: 0.05rem 0;
                            float: left;
                            width: 100%;
                            @include multi-line-ellipsis(2,0.24rem);
                        }
                    }
                }

            }
        }
    }
    .lubox{
        position: relative;
        .bd{
            overflow: hidden;
            margin: 15px 0 20px;
            li{
                float: left;
                width: 240px;
                margin-right: 20px;
                overflow: hidden;
                .img{
                    width: 100%;
                    height: 145px;
                    overflow: hidden;
                    border-radius: 5px;
                    cursor: pointer;
                }
            }
            .box-a{
                width: 100%;
                display: block;
                p{
                    @include multi-line-ellipsis(2,25px);
                    height: 50px;
                    overflow: hidden;
                    padding-top: 5px;
                    font-size: 16px;
                }
            }
        }
        .prev ,.next{
            display: block;
            position: absolute;
            width: 25px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
            top: 0;
            font-size: 28px;
            font-weight: bold;
            font-family: serif;
            color: rgba(255, 185, 79, 0.99);
            user-select: none;
            height: 145px;
            line-height: 145px;
            background: rgba(0,0,0,0.5);
            border-radius: 5px;

        }
        .prev{left: 0px;}
        .next{right: 0px;}
    }
    .detaile_cont {
        color: #222;
        padding: 0 0 0.1rem 0;
        // p{
        //     font-size: 14px;
        //     margin: 10px 0;
        // }
        // h3{
        //     font-size: 22px;
        //     line-height: 40px;
        //     font-weight: normal;
        // }
    }
    .table{
        padding-bottom: 0.1rem;
        table{
            width: 100%;
            line-height: 0.35rem;
            text-align: center;
            color: #222;
            font-size: 0.18rem;
            td,th{
                min-width: 0.8rem;
                padding: 0.1rem 0;
            }
        }
    }
    .videobox{
        .video-iframe{
            overflow: hidden;
            height: 4rem;
            background: #000;
            width: 100%;
            margin: 0.15rem 0;
            video, iframe {
                display: block;
                width: 100%;
                height: 100%;
            }

        }
        .lis{
            padding: 0.15rem 0;
            .swiper-slide{
                width: 1.66rem;
                border: solid 1px rgba(0,0,0,0.1);
                height: 1.07rem;
                position: relative;
                float: left;
                border-radius: 0.1rem;
                margin: 0 0.08rem 0 0;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                img{
                    display: block;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    max-width: 80%;
                    max-height: 80%;
                }
                p{
                    width: 90%;
                    font-size: 0.18rem;
                    color: #7b7b7b;
                    line-height: 0.24rem;
                    @include multi-line-ellipsis(3,0.24rem)
                }
                &:hover,&.on{
                    border-color: $theme;
                    cursor: pointer;
                    p{
                        color: $theme;
                    }
                }
            }
            .swiper-scrollbar{
                position: relative;
                margin-top: 0.2rem;
                width: 80%;
                left: 10%;
                .swiper-scrollbar-drag{
                    background: $theme;
                }
            }
        }
    }
}
/*发售表*/ 
.selectbox{
    padding: 0.2rem 0.25rem 0.1rem;
    .select{
        float: left;
        width: 18%;
        line-height: 0.4rem;
        height: 0.4rem;
        border: solid 1px #cfcfcf;
        border-radius: 0.05rem;
        display: block;
        box-sizing: border-box;
        margin: 0 1%;
        text-align: center;
        cursor: pointer;
        &:hover{
            border-color: $theme;
        }
        .layui-nav{
            padding: 0;
            background: none;
            color: #222;
            width: 100%;
            .layui-nav-item{
                line-height: 0.38rem;
                 position: relative;
                width: 100%;
                a{
                    padding: 0 0.2rem;
                    font-size: 0.2rem; 
                }
                .bt- {  height: 0.4rem; font-size: 0.2rem; overflow: hidden; width: 100%; display: block; padding: 0 0.25rem 0 0.1rem;  box-sizing: border-box;}
                .bt- i { transform: scale(0.8);}
                
            }
            .layui-nav-child { top: 0.4rem;  line-height: 0.6rem; max-height:4.2rem ; overflow-y: auto;}
            .layui-nav-child a { color: #999; cursor: default; max-width: 4rem; overflow: hidden; padding: 0; margin: 0 0.2rem; }
            .layui-nav-child a[href] { cursor: pointer; color: #222; }
        }
        & + .select + .select + .select{
           .layui-nav-child{
             left: inherit;
             right: 0;
           } 
        }
    } 
}
.salelist{
    .title-bt{
        padding: 0 0.3rem;
        .bt2{
            line-height: 0.4rem;
            padding: 0.1rem 0;
            font-size: 0.3rem;
            color: #333;
            font-weight: bold;

        }
        p{
            display: flex;
            overflow: hidden;
            line-height: 0.4rem;
            padding: 0.1rem 0;
            color: rgba(34,34,34,0.8);
            a{
                display: flex;
                flex: 1;
                color: rgba(34,34,34,0.8);
                 
             }
        }
        .lab-p{
            line-height: 0.6rem;
            height: 0.6rem;
             color: rgba(34,34,34,0.8);
             display: flex;
             justify-content: space-between;
             
             a{
                 color: rgba(34,34,34,0.8);
                 &:hover{
                     color: $theme;
                 }
             }
             .on{
                 color: $theme;
                 font-weight: bold;
             }
        }
    } 
    .list{
     padding: 0.1rem 0.3rem;
     .bt-h{
         height: 0.6rem;
         border-radius:0.05rem;
         p{
             border-radius:0.05rem;
             padding: 0 0.2rem;
             background: rgba(1,102,255,0.1);
             color: rgba(34,34,34,0.8);
             height: 0.6rem;
             line-height:  0.6rem;
         }
         .on{
             position: fixed;
             top: 0;
             left: 0.3rem;
             width: calc(100vw - 1rem);
             background:#e5f1ff;
             z-index: 100;
             font-weight: bold;
         }
         
     }
     ul{
         li{
             display: flex;
             overflow: hidden;
             padding: 0.25rem 0 0.05rem ;
             .lazy{
                 width: 2.35rem;
                 height: 3.35rem;
                 display: block;
                 overflow: hidden;
                 border-radius: 0.05rem;
 
             }
             .infor{
                flex:1;
                overflow: hidden;
                padding-left: 0.3rem;
                .bt{
                 overflow: hidden;
                 line-height: 0.38rem;
                 word-break: break-all;
                 .lab{
                     margin:0.1rem 0.2rem 0.1rem 0;
                     height: 0.38rem;
                     line-height:0.38rem;
                     color: #fff;
                     background: $theme;
                     padding: 0 0.1rem;
                     border-radius: 0.05rem;
                     display:inline-block;
                     vertical-align: middle;
                     font-size: 0.2rem;
                     a{
                        display: block;
                        color: #fff;
                        max-width: 100%;
                        max-height: 100%;
                       

                     }

                 }
                 .cor1{ background-color: #a70c1e; }
                 .cor2{ background-color: #007bff; }
                 .cor3{ background-color: #1c5292; }
                 .cor4{ background-color: #4b31b0; }
                 .cor5{ background-color: #007bff; }
                 .cor6{ background-color: #0a0a64; }
                 .cor7{ background-color: #0c0c0b; }
                 .cor8{ background-color: #57880a; }
                 .cor9{ background-color: #36a567; }
                 .cor10{ background-color: #7e8e9d; }
                 .cor11{ background-color: #3D090B; }
                 .cor12{ background-color: #6D6359; }
                 .cor13{ background-color: #FFD42A; }
                 .cor14{ background-color: #009AC7; }
                 .cor15{ background-color: #695EE8; }
                 .cor16{ background-color: #003791; }
                 .cor17{ background-color: #231F20; }
                 .cor18{ background-color: #565B65; }
                 .cor19{ background-color: #25BAA6; }
                 .cor20{ background-color: #D2BFE1; }
                 .cor21{ background-color: #FFC557; }
                 .cor22{ background-color: #C92344; }
                 .cor23{ background-color: #107C10; }
                 .name{
                    font-weight: bold;
                 }
                }
                .p{
                 line-height: 0.4rem;
                 span{
                     padding-right: 0.2rem;
 
                 }
                }
                .tab_box{
                 padding-top: 0.1rem;
                 .tab{
                     display: inline-block;
                     vertical-align: middle;
                     cursor: pointer;
                     height: 0.42rem;
                     line-height: 0.42rem;
                     position: relative;
                     background-color: #f2f2f2;
                     border-radius: 0.05rem;
                     padding: 0 0.1rem;
                     margin: 0.05rem 0.1rem 0px 0;
                     &:hover{
                         color: $theme;
                     }
                 }
                }
             }
         }
     }
    //  &:last-child{
    //     .bt-h{
    //        p{
    //         background-color: #b4b4b4 !important;
    //        }
    //     }
    // }
    }
 
 }